<html> 
    <head>
        <title>个人简历</title>
        <style type="text/css">
            body{
                background-size: 100%  100%; 
                background-attachment:fixed;
                color: brown;
            }
            table{
                border: 1px double yellow;
                width: 700px;
                height: 700px;

            }
            td{
                text-align: center;
            }
        </style>
    </head>


    <body background="1b.jpg">
        <table align="center" cellspacing="2">
            <tr><td colspan="5">个人简历</td></tr>
            <tr >
                <td><span id="1">姓名:</td><td >李祥</td>
            </tr>
            <tr>
                <td >年龄:</td><td><input type="text" id="nianling"></td>
            </tr>
            <tr>
                <td>性别:</td>
                <td>
                    <input type="radio" name="sex" checked="checked"/>男
                    <input type="radio" name="sex" />女
                </td> 
            </tr>
            
            <tr>
                <td>个人简历</td>
                <td>
                    <textarea aria-multiline="true" rows="4" cols="20"></textarea>
                </td>
            </tr>
            <tr>
            <td>图片</td>
            <td align="center">
            <input type="file" id="sc">
            <img id="tp" src="#" alt="预览图像" style="display: none;">
            </td></tr>
            <tr>
                <td> <button id="saveButton" onclick="printPage()">保存为PDF</button></td>
            </tr>
        </table>
        <p align="center"><button id="3" onclick="checkInput()">提交</button>
        <script type="text/javascript">
            var btn=document.getElementById("3");
            var btn = document.getElementById("nianling");
            function checkInput(){
                var inputnianling = document.getElementById("nianling").value;
                if(inputnianling=="")
                    alert('请输入年龄')
                else if (inputnianling< 18) 
                    alert('未满十八岁不能提交');
                else if(inputnianling>=18)
                    {
                        if(inputnianling>=18 && inputnianling<25)
                        alert('是青少年，可以报考')
                        else if(inputnianling>=25 && inputnianling<30)
                        alert('是青年，可以报考')
                        else if(inputnianling>=30 && inputnianling<50)
                        alert('是中年人，可以报考')
                        else
                        alert('是中老年人，可以报考')
                        window.open('https://career.huawei.com')
                    }
            }
            document.getElementById("sc").addEventListener("change",function(event){ 
            var file=event.target.files[0];
            var reader= new FileReader();
            reader.onload= function(e){
            document.getElementById("tp").style.display="block";
                document.getElementById("tp").src =e.target.result;
            }
            reader.readAsDataURL(file)
        })
        </script>
        <script>
            function printPage(){
                window.print();
            }
        </script>
    </body>

</html>